<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JD</title>
</head>

<body>
    <!-- 广告区域 -->
    <div>
        <img>
    </div>
    <!-- 搜索区域 -->
    <div>
        <div>
            <div>
                <form action=""><input></form>
                <button>搜索</button>
            </div>
            <ul>
                <li>
                    <a></a>
                </li>
                <li>
                    <a></a>
                </li>
            </ul>
        </div>
        <div>
            <a>
                <img>
                <span>我的购物车</span>
                <span>6</span>
            </a>
        </div>
    </div>
    <!-- 导航区域 -->
    <div>
        <ul>
            <li>
                <a></a>
            </li>
            <li>
                <a></a>
            </li>
            <li>
                <a></a>
            </li>
        </ul>
    </div>

    <!-- 主体区域 -->
    <div>
        <!-- 商品分类导航 -->
        <div>
            <ul>
                <li>
                    <a></a>/
                    <a></a>
                </li>
                <li>
                    <a></a>/
                    <a></a>
                </li>
            </ul>
        </div>
        <!-- 轮播图 -->
        <div>
            <div>
                <img>
            </div>
            <div>
                <img>
                <img>
            </div>
        </div>
        <!-- 右侧登录 -->
        <div>
            <div>
                <div>
                    <img>
                    <div>
                        <h4></h4>
                        <p>
                            <a></a>
                            <a></a>
                        </p>
                    </div>
                </div>
                <div>
                    <a></a>
                    <a></a>
                </div>
            </div>
            <div>
                <dl>
                    <dt>
                        <span></span>
                        <span></span>
                        <a></a>
                    </dt>
                    <dd>
                        <ul>
                            <li>
                                <a></a>
                            </li>
                            <li>
                                <a></a>
                            </li>
                        </ul>
                    </dd>
                </dl>
            </div>
            <div>
                <ul>
                    <li>
                        <a>
                            <span></span>
                            <span></span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div>
        <ul>
            <li>
                <a>
                    <img>
                </a>
            </li>
            <li>
                <a>
                    <img>
                </a>
            </li>
        </ul>
    </div>

    <div>
        <div>
            <h3></h3>
            <ul>
                <li>
                    <a>
                        <img>
                        <dl>
                            <dt></dt>
                            <dd></dd>
                        </dl>
                    </a>
                </li>
            </ul>
        </div>
        <div>
            <h3></h3>
            <ul>
                <li>
                    <a>
                        <img>
                        <div>
                            <p></p>
                            <span></span>
                        </div>
                    </a>
                </li>
                <li>
                    <a>
                        <img>
                        <div>
                            <p></p>
                            <span></span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 底部导航 -->
    <div>
        <div>
            <ul>
                <li>
                    <img>
                    <span></span>
                </li>
                <li>
                    <img>
                    <span></span>
                </li>
            </ul>
        </div>
        <div>
            <ul>
                <li>
                    <dl>
                        <dt></dt>
                        <dd>
                            <ul>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                            </ul>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt></dt>
                        <dd>
                            <ul>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                            </ul>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div>
            <div>
                <ul></ul>
                <ul></ul>
                <ul></ul>
                <p></p>
                <p></p>
            </div>
            <div>
                <dl>
                    <dt></dt>
                    <dd></dd>
                </dl>
            </div>
        </div>
    </div>
</body>

</html>